草庐IT

html - z-index 和 iFrame!

全部标签

javascript - 当我可以将它加载到 iframe 中时,为什么还要担心制作纯 javascript/jquery 小部件?

我的意思是,我曾经有这个小部件:检查jquery是否在托管网站上;否则它会加载它并执行一些ajax/jsonp请求。正如这个tutorial所建议的.好吧,我注意到CSSparents的大麻烦,集成其他jquery插件(比如cycle)并管理这个“接口(interface)”和ajax调用之间的数据。当我可以使用sngleiframe时为什么要这样做?我还注意到,如果我从widget.js加载jquery,并且(当然)我将它放入iframe(这样我就可以管理单独的函数),则库将从缓存中获取。所以没有任何过载。这个方法对你来说够好吗?或者我遗漏了什么?我还注意到90%的小部件(如FB、t

javascript - JavaScript 中的 HTML 和 CSS 到 PDF

我知道那里有很多库,但似乎没有一个完全符合我的情况。所以我希望在这里得到一些建议...技术:我在后端使用Express.js上的Node.js,前端使用html/css/js。浏览器支持IE8及更高版本、chrome、FF和其他现代浏览器。我需要做的是:有一个“topdf”按钮供用户单击,然后将一部分DOM转换为pdf。当后端对另一个应用程序进行API调用时,动态生成这段DOM的html。CSS是静态的。除了这些,我有很大的自由做任何我想做的事,只要我不必向第三方发送明文数据等等。有什么推荐的方法吗?更新:查看wkhtmltopdf 最佳答案

Javascript:如果它陷入无限循环, parent 可能会杀死 child iframe 吗?

我有一个页面,该页面包含带有外部内容的iframe。我不希望外部内容中的无限循环使我的整个页面崩溃。有什么办法可以解决这个问题。我试图设置一些东西,让父postMessages子iframe每隔一段时间,如果子iframe长时间没有响应,父更改iframesrc,但这似乎不起作用。一旦iframe开始循环,父级的setTimeout函数将不再执行。在这里查看我的代码(请注意,如果执行它会导致选项卡崩溃,请在执行前打开控制台以查看日志记录):varscr='script';varhtml='\n'+'window.addEventListener("message",answer,fal

javascript - 在 html div 中呈现 ExtJS 4+ MVC 应用程序 - 如何做?

到目前为止,我找到的所有示例都解释了如何在“视口(viewport)”中呈现ExtJS(4.2)MVC应用程序,换句话说,这意味着整个浏览器屏幕,并占据整个HTML主体。我想在命名DIV中的现有HTML页面中呈现应用程序,以便我可以围绕应用程序进行HTML设计。我见过一些带有ExtJS4示例的站点,它们使用技巧通过使用IFRAME在页面中呈现ExtJS应用程序。是否可以避免使用IFRAME?并且,如果是的话,ExtJS4.2应用程序的骨架在div中呈现时应该是什么样子。注意:在ExtJS3中,我找到了解决方案,方法是创建一个面板作为主容器,在命名的div中呈现。然而,4.2版(可能还有

javascript - Bootstrap 3 Tabs 和 HTML5 表单验证

验证隐藏选项卡上的元素的经典问题。我已经阅读了一百篇包含复杂解决方法的帖子。有没有人有更简单、更优雅的解决方案,适用于一般情况?即没有专门针对每种形式进行编码?HTML5promise提供一个优雅的解决方案。但是Tabs搞砸了......谢谢更多……?来自Bootstrap示例。如果您有标记为“必填”的字段(HTML5验证),验证将不适用于非事件(隐藏)选项卡。而且我相信其他javascript验证技术也会因制表符而失败。我希望有人有很好的通用技术来解决,不需要在每个页面上写入代码。HTML5验证非常干净-直到您添加标签...它不会提交。但它也不会报错...HomeProfileMes

javascript - 检查内容是否可以在 iFrame 中显示不起作用

我有以下代码来检查网页是否可以加框:varreq=newXMLHttpRequest();vartest=req.open('GET',link,false);console.log("test",test);//ALWAYSundefinedif(req.send(null)){//ALWAYSthrowserrorNS_ERROR_FAILUREvarheaders=req.getAllResponseHeaders().toLowerCase();console.log("headers");}else{console.log("FAILED");}我用几个链接测试了它,无论是否

javascript - Gulp 复制 HTML 并粘贴到不同的文件

是否可以使用Gulp复制HTML的一部分(而不是整个文件)并将其注入(inject)到不同的文件中?我找到了类似https://www.npmjs.com/package/gulp-html-replace的包和https://www.npmjs.com/package/gulp-inject-string但他们实际上不能复制HTML。 最佳答案 从不建议使用正则表达式处理HTML,并且有很多反对意见(1、2、3)。处理HTML源代码的最流行和最可靠的方法是构建源代码的文档模型。JSDOM,是一个提供良好DOM构造API的node.

javascript - 从主页上的 iframe 发送消息

我从这个文档中看到:https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage,将数据正确传递到iframe的方法。但是现在我想发送一个答案://frommainpagemyIframe.contentWindow.postMessage('sendmearesponse','*');//fromiframeofmainpagewindow.addEventListener("message",receiveMessage,false);functionreceiveMessage(event){alert(e

javascript - v-html 中的 Vue 组件/元素

我有一个post.text数据,其中包含用户提交的博客文章的文本就像在Twitter中一样,用户可以使用语法提及其他用户,我正在标记@user1在这篇文章中。呈现帖子时,我想用指向所提及用户页面的链接替换所有@username实例。通过正则表达式匹配/替换,我可以轻松地将提到的@username转换成类似的东西(我正在使用vue-router):Iamtagging{{dPost.user_name}}inthispost但是当我这样使用它时:vue不会重新处理html来绑定(bind)它自己的标签。如何解决这个问题?谢谢 最佳答案

javascript - React/Redux 服务器端渲染中的警告 : Did not expect server HTML to contain a <li> in <ul>.

我是第一次使用React和Redux进行服务器端渲染,似乎遇到了一些困难。我收到警告:Warning:DidnotexpectserverHTMLtocontainain.我查了一下,这意味着html树不匹配。我不确定那是怎么回事。有没有明显的方法来解决它?这是我的代码,它会发出警告。importReact,{Component}from'react';import{connect}from'react-redux';importactionsfrom'../actions';classUsersListextendsComponent{componentDidMount(){if(t